<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="../../plugins/jquery-2.1.0.js"></script>
		<script src="../../plugins/element-ui/vue.js"></script>
		<script src="../../plugins/element-ui/index.js"></script>
		<script src="../../plugins/ComUtil.js"></script>
		<script src="../js/yIndex.js"></script>
		<link rel="stylesheet" href="../../plugins/element-ui/index.css" / />
		<title></title>
		<style>
			#cg_page {
				
				max-height: 500px;
				display: block;
				
				overflow-x: hidden;
				width: 300px;
			}
			
			.show_block {
				width: 150px;
				height: 150px;
				background-color: #2E8DED;
				margin-top: 10px;
			}
			.show_blockssss{
				position: relative;
			}
			
		</style>
	</head>

	<body>
		<div>
			<div id="cg_page">
				<div class="show_blockssss">
					<div style="" id="sssss" v-infinite-scroll="loadCG_lis" style="height: auto;overflow-y: auto;">
						<div class="show_block" v-for="ct in show_cglis">
							<div> {{ ct.cg_name }}</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script>
			var list_sd = [{
				cg_name: "asd"
			}, {
				cg_name: "dda"
			}, {
				cg_name: "阿萨大"
			}, {
				cg_name: "嗯嗯"
			}, {
				cg_name: "发v发"
			}, {
				cg_name: "咕咕咕"
			}]
			let tag_vu = new Vue({
				el: "#sssss",
				data: {
					show_cglis: list_sd

				},
				methods: {
					loadCG_lis: function() {
						debugger;
						list_sd.push({
							cg_name: "zzz"
						});
					}
				}
			})
		</script>
	</body>

</html>